import { createHotContext as __vite__createHotContext } from "/@vite/client";import.meta.hot = __vite__createHotContext("/src/assets/styles/home.css");import { updateStyle as __vite__updateStyle, removeStyle as __vite__removeStyle } from "/@vite/client"
const __vite__id = "/Users/lan/Desktop/Anime-art/src/assets/styles/home.css"
const __vite__css = ":root{\n  --aw-color-first:rgba(105, 62, 228, 1) ;\n}\n\n\n.waterfall-container {\n  list-style: none;\n  column-gap: 20px;\n  padding: 0;\n  column-count: 1;\n}\n.waterfall-item {\n  width: 100%;\n  padding: 0;\n  margin-top: 20px;\n  box-sizing: border-box;\n  break-inside: avoid;\n  cursor: pointer;\n  /* overflow: hidden; */\n}\n\n.waterfall-item img {\n  object-fit: cover;\n  transition: all 0.5s ease;\n}\n.waterfall-item:hover img {\n  transform: scale(1.05);\n  transition: all 0.5s ease;\n}\n\n.waterfall-item:first-child {\n  margin-top: 0;\n}\n@media (min-width: 320px) and (max-width: 759.5px) {\n  .waterfall-container {\n    column-count: 2;\n    column-gap: 14px;\n  }\n\n  .waterfall-item {\n    margin-top: 14px;\n  }\n}\n@media (min-width: 760px) and (max-width: 979.5px) {\n  .waterfall-container {\n    column-count: 3;\n  }\n}\n@media (min-width: 980px) and (max-width: 1023.5px) {\n  .waterfall-container {\n    column-count: 4;\n  }\n}\n@media (min-width: 1024px) {\n  .waterfall-container {\n    column-count: 4;\n  }\n\n}\n@media (min-width: 1441px) {\n  .waterfall-container {\n    column-count: 5;\n  }}\n\n.labelimg {\n  transition: all 1s ease;\n}\n\n.herobg {\n  /* background-image: url(\"../images/home/homebg.png\"); */\n  /* background-size: cover; */\n  background: linear-gradient(180deg, #120C34, #030417);\n  margin-top: -100px;\n}\n\n@media screen and (max-width: 1024px) {\n  .herobg {\n    background-image:none;\n    background-size: cover;\n    margin-top: -100px;\n  }\n}\n  \n\n.hero-btn {\n  width: 320px;\n  height: 48px;\n  line-height: 48px;\n  background-image: radial-gradient(#caa3fe 0%, var(--aw-color-first) 100%);\n  border-radius: 28px;\n  color: white;\n  font-weight: 600;\n  font-size: 18px;\n}\n.hero-subtitle {\n  font-family: \"Coda\";\n}\n\n.text-purpleOne {\n  color: rgba(118, 34, 210, 1);\n}\n\n\n\n.title1{\nfont-size: 20px;\nfont-family: Helvetica-Bold, Helvetica;\nfont-weight: bold;\ncolor: #FFFFFF;\nline-height: 44px;\n}\n\n.title2{\nfont-size: 14px;\nfont-family: Helvetica;\ncolor: #DDDDDD;\nline-height: 26px;\nfont-weight: 400;\n}\n\n.title3{\n  font-size: 20px;\n  font-family: Helvetica-Bold, Helvetica;\n  font-weight: bold;\n  color: #FFFFFF;\n  line-height: 44px;\n}\n\n.title4{\nfont-size: 14px;\nfont-family: Helvetica;\ncolor: #DDDDDD;\nline-height: 22px;\n}\n\n.title5{\n\nfont-family: Helvetica-Bold, Helvetica;\nfont-weight: bold;\ncolor: var(--aw-color-first);\nline-height: 54px;\n}\n\n.title6{\n\nfont-family: Helvetica-Bold, Helvetica;\nfont-weight: bold;\ncolor: #FFFFFF;\nline-height: 44px;\n}\n\n.title7{\n\n  font-family: Helvetica-Bold, Helvetica;\n  font-weight: bold;\n  color: #FFFFFF;\n  line-height: 44px;\n}\n\n.bgColor1{\nbackground-color: rgba(255, 255, 255, 0.06);\n}\n\n\n\n#val1:checked+#label1,#val2:checked+#label2,#val3:checked+#label3{\n  background: rgba(255, 255, 255, 0.08);\n  border-radius: 10px;\n  border: 1px solid var(--aw-color-first);\n  backdrop-filter: blur(8px);\n}\n\n#label1,#label2,#label3{\n  background: rgba(255, 255, 255, 0.04);\n  border-radius: 10px;\n  backdrop-filter: blur(10px);\n  border: 1px solid transparent;\n}\n\n.dot{\n  background-color:  rgba(255, 255, 255, 0.08);\n  outline-offset: 2px;\n  outline-width: 1px;\n  outline-style: solid;\n  outline-color: rgba(255, 255, 255, 0.08);\n}\n\n#val1:checked+#label1>.dot,#val2:checked+#label2>.dot,#val3:checked+#label3>.dot{\n  background-color:  var(--aw-color-first);\n  outline-offset: 2px;\n  outline-width: 1px;\n  outline-style: solid;\n  outline-color: var(--aw-color-first);\n}\n\n@media screen and (max-width:1024px) {\n  .title3{\n    font-size: 16px;\n    font-family: Helvetica-Bold, Helvetica;\n    font-weight: bold;\n    color: #FFFFFF;\n    line-height: 44px;\n  }\n  \n  .title4{\n  font-size: 14px;\n  font-family: Helvetica;\n  color: #DDDDDD;\n  line-height: 22px;\n  }\n}\n\n\n\n\n\n"
__vite__updateStyle(__vite__id, __vite__css)
import.meta.hot.accept()
export default __vite__css
import.meta.hot.prune(() => __vite__removeStyle(__vite__id))